/* reset */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol, li{ list-style:none; }
input { padding-top:0; padding-bottom:0;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; font-family: 'Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif';}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color: #111; font-size: 12px; font-family: 'Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif'; background:#fff;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a, a:link, a:visited, a:hover, a:focus{ text-decoration:none; }
.sina15-top-bar-inner{ width: 1000px;}
.main{ width: 1000px; margin: 0 auto;}

/* swiper */
.swiper_wrap{ position: relative; width: 100%; height: 580px; overflow: hidden;}
.swiper_wrap ul{ position: absolute; left: 0; top: 0; width: 1000%; height: 100%;}
.swiper_wrap ul li{ width: 10%; height: 580px; float: left;}
.swiper_wrap ul li div{ width: 1280px; height: 580px; margin: 0 auto;}
.swiper_wrap ol{ position: absolute; left: 50%; bottom: 25px; margin-left: 500px;}
.swiper_wrap ol li{ width: 10px; height: 10px; background: #fff; opacity: 0.3; border-radius: 50%; margin-left: 20px; cursor: pointer; float: left;}
.swiper_wrap ol .cur{ background: #188fff; opacity: 1;}

/* nav */
.nav{ position: absolute; left: 0; top: 47px; width: 100%; height: 76px; background: rgba(0,0,0,0.3);}
.nav div{ width: 1000px; margin: 0 auto;}
.nav img{ width: 168px; height: 40px; margin-top: 18px; float: left;}
.nav ul{ float: right;}
.nav ul li{ line-height: 76px; padding: 0 20px; float: left;}
.nav a{ font-size: 14px; color: #fff; font-weight: 300;}
.nav .cur a{ font-size: 18px;}
.nav .cur{ position: relative;}
.nav .cur:after{ position: absolute; left: 50%; bottom: 15px; width: 16px; height: 3px; margin-left: -8px; content:''; background: #fff;}

/* notice */
.notice{ height: 46px; line-height: 46px; background: #18191f;}
.notice .content{ width: 1000px; margin: 0 auto;}
.notice .content span{ width: 20px; height: 20px; margin: 13px 10px 0 0; background: url(../../../images/index/notice.png) #188fff no-repeat; background-size: 20px; border-radius: 50%; float: left;}
.notice .content p{ width: 48%; font-size: 14px; color: #fff; float: left;}
.notice .content a {color: #fff;text-decoration: none;}

/* search */
.search{ margin-top: 40px;}
.search .search_box{ width: 838px; height: 52px; padding: 0 10px; border: 1px solid #188fff; outline: none; font-size: 18px; float: left;}
.search form{ overflow: hidden;}
.search div{ position: relative; width: 140px; height: 54px; text-align: center; background: #188fff; cursor: pointer; float: right;}
.search div span{ position: relative; left: 10px; line-height: 54px; font-size: 20px; color: #fff; font-weight: 300;}
.search div span:after{ position: absolute; left: -30px; top: 2px; width: 24px; height: 24px; content: ''; background: url(../../../images/index/search.png) no-repeat;}
.search p{ font-size: 18px; margin-top: 15px;}
.search p a{ color: #999; margin-right: 20px;}

/* title */
.title{ margin-top: 50px; text-align: center;}
.title span{ position: relative; font-size: 40px;}
.title span:before{ position: absolute; left: -30px; top: 18px; width: 12px; height: 20px; background: #188fff; content: '';}
.title span:after{ position: absolute; right: -20px; top: 18px; width: 150px; height: 20px; content: ''; background: #188fff; opacity: 0.2;}

/* hot */
.hot{ margin-top: 30px; padding-bottom: 30px; background: #fcfcfc; border-radius: 4px; overflow: hidden;}
.hot ol{ border-bottom: 1px solid #d8d8d8; overflow: hidden;}
.hot ol li{ position: relative; width: 16.6%; font-size: 18px; line-height: 54px; text-align: center; cursor: pointer; float: left;}
.hot ol .active{ background: #e4e4e4;}
.hot ol .cur{ background: #188fff; color: #fff;}
.hot ol .cur span{ position: relative; margin-left: 15px;}
.hot ol .cur span:after{ position: absolute; left: -15px; top: 6px; width: 4px; height: 12px; background: #fff; content: '';}
.hot ul li{ display: none;}
.hot ul li p{ text-indent: 40px; font-size: 16px; margin-top: 40px;}
.hot ul li a{ font-size: 16px; color: #188fff;}
.hot ul .cur{ display: block;}

.hot ul li a {color: #333;text-decoration: none;}
.hot .arrow{ position: relative; top: 4px; width: 20px; height: 20px; background: url(../../../images/index/arrow_right.png) no-repeat; background-size: 100% 100%; display: inline-block;}

/* service */
.service{ margin-top: 20px;}
.service li{ width: 325px; height: 310px; border: 1px solid #efefef; margin: 10px 9px 0 0; float: left; text-align: center;}
.service li:nth-child(3n){ margin-right: 0;}
.service li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.service img{ width: 84px; height: 84px; margin-top: 50px; display: inline-block;}
.service p{ font-size: 14px; color: #666; line-height: 22px; margin-top: 35px; padding: 0 30px; text-align: left;}
.service li:hover p{ display: none;}
.service li div{ display: none;}
.service li:hover div{ display: block;}
.service a{ width: 128px; height: 42px; line-height: 42px; font-size: 18px; color: #fff; background: #188fff; border-radius: 21px; margin: 30px auto 0; display: block;}
.service li span{ font-size: 12px; color: #999; line-height: 30px;}
.service .more_content{ display: none;}
.service .more{ font-size: 16px; color: #188FFF; text-align: center; margin-top: 30px;}
.service .more .arrow{ position: relative; top: 3px; width: 20px; height: 20px; background: url(../../../images/index/arrow_down.png) no-repeat; background-size: 100% 100%; display: inline-block; transition: 1s;}
.service .more .cur{ transform: rotate(-180deg);}
.service .more span{ cursor: pointer;}

/* contact */
.contact{ margin-top: 20px;}
.contact ul{ overflow: hidden;}
.contact li{ width: 325px; height: 310px; border: 1px solid #efefef; margin: 10px 9px 0 0; float: left; text-align: center;}
.contact li:nth-child(3n){ margin-right: 0;}
.contact .zx, .contact .wb, .contact .wx{ width: 146px; height: 148px; margin: 50px auto 0; overflow: hidden;}
.contact .zx{ background: url(../../../images/index/code_zx_bg.png) no-repeat;}
.contact .wb{ background: url(../../../images/index/code_wb_bg.png) no-repeat;}
.contact .wx{ background: url(../../../images/index/code_wx_bg.png) no-repeat;}
.contact .wb img, .contact .wx img{ width: 144px; margin: 1px;}
.contact .code img{ width: 146px; height: 146px;}
.contact .zx_content, .contact .wb_content, .contact .wx_content{ height: 48px; text-align: left; margin-top: 40px; padding-left: 90px;}
.contact .zx_content{ background: url(../../../images/index/contact_zx.png) 30px no-repeat; background-size: 48px;}
.contact .wb_content{ background: url(../../../images/index/contact_wb.png) 30px no-repeat; background-size: 48px;}
.contact .wx_content{ background: url(../../../images/index/contact_wx.png) 30px no-repeat; background-size: 48px;}
.contact p{ color: #999; margin-top: 5px;}
.contact .zx-logo{ width: 64px; height: 64px; background: url(../../../images/index/contact_icon_zx.png) no-repeat; background-size: 100% 100%; margin: 20px auto 0; display: block;}
.contact .zx-btn{ width: 86px; height: 26px; line-height: 26px; background: #188fff; color: #fff; margin: 20px auto 0; border-radius: 13px; cursor: pointer; display: block;}

/* side_handle */
.side_handle{ position: fixed; left: 50%; bottom: 50px; margin-left: 520px; width: 46px; height: 260px; border: 1px solid #efefef; background: #fff; display: none;}
.side_handle ul{ position: relative; float:left;}
.side_handle ul li{ height: 69px; border-bottom: 1px solid #efefef; float: left;}
.side_handle ul li:hover{ background: #efefef;}
.side_handle em{ width: 24px; height: 24px; margin: 3px auto; display: block;}
.side_handle .zx{ background: url(../../../images/index/handle_zx.png) no-repeat; background-size: 100% 100%;}
.side_handle .wb{ background: url(../../../images/index/handle_wb.png) no-repeat; background-size: 100% 100%;}
.side_handle .wx{ background: url(../../../images/index/handle_wx.png) no-repeat; background-size: 100% 100%;}
.side_handle span{ width: 60%; text-align: center; margin: 0 auto; display: block;}
.side_handle .to_top{ height: 50px; background: url(../../../images/index/to_top.png) center no-repeat; background-size: 24px 24px; cursor: pointer; width:100%; float:left;}
.side_handle .content{ position: absolute; right: 46px; top: 0; width: 180px; height: 230px; padding: 15px 10px; box-shadow: -10px 0 10px rgba(0,0,0,0.2); background: #fff; display: none;}
.side_handle h3{ color: #444;}
.side_handle .phone{ font-size: 18px; color: #188fff;}
.side_handle .tip{ color: #999; margin-top: 8px;}
.side_handle_shadow{ box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.side_handle .content .zx, .side_handle .content .wb, .side_handle .content .wx{ width: 146px; height: 148px; margin: 10px auto 0; overflow: hidden;}
.side_handle .content .wb img, .contact .content .wx img{ width: 144px; margin: 1px;}
.side_handle .content .wb{ background: url(../../../images/index/code_wb_bg.png) no-repeat; background-size: 100% 100%;}
.side_handle .content .wx{ background: url(../../../images/index/code_wx_bg.png) no-repeat; background-size: 100% 100%;}
.side_handle .content h2{ font-size: 18px; text-align: center; margin-top: 30px;}
.side_handle .content a{ color: #999;}

/* footer */
.footer{ color: #aaa; margin-top: 50px; padding: 26px 0 5px 0; line-height:18px; text-align:center;}
.footer-p2{ padding-top:10px;}
.footer a{ font-size: 14px; color: #111; margin: 0 5px;}
.footer a:link, .footer a:visited{ color:#666; text-decoration:none;}
.footer a:active, .footer a:hover, .footer a:focus{ color:#666; text-decoration:underline;}
.footer-p2 a{ font-size: 12px;}